<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <p:panel header="EDITAR LA CUENTA BANCARIA" style="width:80%;margin: 10px auto;">

                        <p:panelGrid style="width:80%;margin: 10px auto;border: 0"> 

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblNombreBanco" value="BANCO(*): " style="font-weight:bold" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxBanco" value="#{BKCuentaBancaria.cuentaBancariaFormulario.idBanco.id}" 
                                                     required="true" style="width: 30%">
                                        <!--<f:selectItem itemLabel="Seleccionar" itemValue="" />--> 
                                        <f:selectItems value="#{BKCuentaBancaria.listaBanco}" 
                                                       var="banco" itemLabel="#{banco.nombre}"
                                                       itemValue="#{banco.id}"  />	
                                    </p:selectOneMenu>
                                    <p:message for="cbxBanco" display="text"/>
                                    
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblMoneda" value="MONEDA(*): " style="font-weight:bold" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxTipoMoneda" value="#{BKCuentaBancaria.cuentaBancariaFormulario.idTipoMoneda.id}" 
                                                     required="true" >
                                        <!--<f:selectItem itemLabel="Seleccionar" itemValue="" />-->  
                                        <f:selectItems value="#{BKCuentaBancaria.listaTipoMoneda}" 
                                                       var="tipoMoneda" itemLabel="#{tipoMoneda.nombre}"
                                                       itemValue="#{tipoMoneda.id}" />	
                                    </p:selectOneMenu>
                                    <p:message for="cbxTipoMoneda" display="text"/>	
                                </p:column>


                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCuentaBancaria" value="N&ordm; CUENTA BANCARIA(*): " style="font-weight:bold" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCuentaBancaria" maxlength="40" 
                                                 value="#{BKCuentaBancaria.cuentaBancariaFormulario.numeroCuenta}" required="true">
                                        <f:validateRegex pattern="[0-9]+([-]?[0-9]+)*" />
                                    </p:inputText>  
                                    <p:message for="txtCuentaBancaria" display="text" />
                                    <span class="formatComment">Ejemplo: 1-190-12423-23</span>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCuentaInterBancaria" value="N&ordm; CUENTA INTERBANCARIA: " style="font-weight:bold" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCuentaInterBancaria" maxlength="60" 
                                                 value="#{BKCuentaBancaria.cuentaBancariaFormulario.numeroCuentaInterbancaria}" > 
                                        <f:validateRegex pattern="[0-9]+([-]?[0-9]+)*" />
                                    </p:inputText>  
                                    <p:message for="txtCuentaInterBancaria" display="text" />
                                    <span class="formatComment">Ejemplo: 1-190-12423-23</span>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblTipoCuenta" value="TIPO DE CUENTA: " style="font-weight:bold" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxTipoCuenta" value="#{BKCuentaBancaria.cuentaBancariaFormulario.tipoCuenta}">
                                        <f:selectItem itemValue="" itemLabel="Seleccionar" />
                                        <f:selectItem itemValue="Cuenta Corriente" itemLabel="Cuenta Corriente" />
                                        <f:selectItem itemValue="Cuenta Ahorro" itemLabel="Cuenta Ahorro" />
                                        <!--<f:selectItems value="{BKCuentaBancaria.listaTipoCtaBancaria}"
                                                       var="tipoCuenta" itemLabel="{tipoCuenta.valCadena}"
                                                       itemValue="{tipoCuenta.desParametroDet}"/> -->
                                </p:selectOneMenu>		
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblFechaInicio" value="FECHA DE APERTURA: " style="font-weight:bold" />
                            </p:column>
                            <p:column>
                                <p:calendar id="calendarFechaInicio" locale="es"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.fechaAfiliacion}"   
                                            showOn="button" showButtonPanel="true" navigator="true" pattern="dd/MM/yyyy"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblMontoActual" value="MONTO APERTURA: " style="font-weight:bold" />
                            </p:column>
                            <p:column>
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtMontoActual" maxlength="17"
                                             value="#{BKCuentaBancaria.cuentaBancariaFormulario.montoApertura}" >
                                  <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  groupingUsed="true"/>
                                </p:inputText> 	
                                <p:message for="txtMontoActual" display="text" />
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column >
                                <h:outputLabel value="DESCRIPCION: " id="lblDescripcion" style="font-weight:bold"/>  
                            </p:column>
                            <p:column >
                                <p:inputTextarea id="inTxtAreaDescripcionCuenta" rows="3" cols="70" maxlength="250"
                                                 value="#{BKCuentaBancaria.cuentaBancariaFormulario.descripcion}"/>
                            </p:column>
                        </p:row>
                    </p:panelGrid>


                    <p:panelGrid style="width:auto;margin: 10px auto;">

                        <p:row >
                            <p:column>                              
                                <p:commandButton action="#{MBCuentaBancaria.actualizar()}" ajax="false" value="Guardar"/>
                            </p:column>
                            <p:column>
                                <p:commandButton action="#{MBCuentaBancaria.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                            </p:column>
                        </p:row>	

                    </p:panelGrid>
                    <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                </p:panel>	
            </h:form>
        </f:view>
    </ui:define>

</ui:composition>
</html>